<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script type="text/javascript" src="javascript/foodholic.js"></script>
	<link rel="stylesheet" type="text/css" href="css/htmlDatePicker.css" />
	<script type="text/javascript" src="javascript/htmlDatePicker.js"></script>
	<title>Registrasi</title>
</head>

<body>
	<div id="wrapper">
		<div id="header">
			<div class="logo">
				<a href="index.php"><img src="images/logo.png" alt="" /></a>
			</div>
			
			<div id="tabs">
				<div class="tab-home"><a href="index.php"><img src="images/home.png" alt="" /></a>
					<br />HOME
				</div>
				<div class="tab-recipe"><img src="images/recipe-icon.png" alt="" />
					<br />RECIPE
				</div>
				<div class="tab-place"><img src="images/place-icon.png" alt="" />
					<br />PLACE
				</div>
				<div class="tab-tips"><img src="images/tips-icon.png" alt="" />
					<br />TIPS & TRICKS
				</div>
				<div class="tab-profile"><img src="images/profile-icon2.png" alt="" />
					<br />PROFILE
				</div>
			</div>
			
			<div id="login" style="font-size:12px">
				<div id="UserName_home">
					User Name
				</div>
				<div id="text_UserName_home">
					<input type="text" name="text_UserName_home" size="15" />
				</div>
				<div id="Password_home">
					Password
				</div>
				<div id="text_Password_home">
					<input type="text" name="text_Password_home" size="15"/>
				</div>
				<div>
					<div id="sign_in"><img src="images/signin.png" alt="" />
					</div>
					<div id="sign_up">
						<a href="registrasi.html">Sign up now!</a>
					</div>
				</div>
			</div>
			
			
			<div id="title"><img src="images/banner OK.png" name="banner" alt="" />
				<div id="join">It's Free!<a href="registrasi.html"><img onload="writeToDoc("src="images/join.png" name="join"")"></a>
				</div>
			</div>
			
			<div class="clear"></div>
		</div>
		
		<div id="content">
			<div id="lblsignup">
				SIGN UP
			</div>
			
			<div id="formreg">
				
					<div id="blank">
					</div>
					<div id="fields">
						<div class="input_label"><br></br></div>
						<div class="input_label">Username :</div>
						<div class="input_label">Password :</div>
						<div class="input_label"><br></br></div>
						<div class="input_label">Confirm Password :</div>
						<div class="input_label">Full Name :</div>
						<div class="input_label">Birthday :</div>
						<div class="input_label">Email :</div>
						<div class="input_label">Gender :</div>
						<div id="input_label_about">About Me :</div>
					</div>
				
				<form name="registration" action="" method="post" onsubmit="return allValidation();">
					<div id="inputs">
						<div>
							<input type="file" name="myImage" size="30"/>
						</div>
						<div class="input_box"><input type="text" name="text_username" size="60" /></div>
						<div class="input_box"><input type="password" id="text_password"  size="60" onkeyup="return checkPasswordSafety(this.value);" />
						</div>
						<div id="input_blank">
							<span id="password_info">
								<font size="2">Type your password!</font>
							</span> 
						</div>
						<div id="input_blank"><font size="1"><br></font></div>
						<div class="input_box"><input type="password" name="text_confirm"  size="60" onkeyup="return validatePassword(this.value);"/></div>
						<div class="input_box"><input type="text" name="text_fullname"  size="60"/></div>
						<div class="input_box">
							<script language="javascript">
								DisablePast = false;
								range_start = new Date(2012,3-8,8);
								range_end = new Date(2099,12-12,5);
							</script>
								<input type="text" value="" name="SelectedDate" id="SelectedDate" size="60" readonly onClick="GetDate(this);">
						</div>
						<div class="input_box"><input type="text" name="text_email"  size="60" /></div>
						<div class="input_box">
							<select name="select_gender">
								<option>Choose one</option>
								<option>Male</option>
								<option>Female</option>
							</select>
						</div>
						<div id="input_about">
							<textarea name="text_aboutme" cols="40" rows="10"></textarea>
						</div>
					</div>
					
					<input type="submit" name="submit" value="Register" />
				</form>
			</div>
		</div>
		
		<div id="footer">
			
			<div id="footertabs">
				<div id="social">
					<div id="fb"><a href="http://www.facebook.com/"><img src="images/fb.png" alt="" /></a>
					</div>
					<div id="twitter"><a href="http://www.twitter.com/"><img src="images/t.png" alt="" /></a>
					</div>
					<div id="YM"><a href="http://www.yahoo.com/"><img src="images/ym.png" alt="" /></a>
					</div>
				
			</div>
			<br />
				<div class="footertab">FAQ</div>
				<div class="footertab">CONTACTS</div>
				<div class="footertab">MEMBERS</div>
				<div class="footertab">ABOUT</div>
				<div class="footertab"><a href="index.php" style="color:white">HOME</a></div>
			
			<br /><br /><br />
				<div style="font-size:10px">© Copyright 2012, AmeliaN-OkirizaW-ChristabellaCB. All Rights Reserved | Privacy Policy | By using this site, you agree to our Terms of Service.</div>
			</div>
		</div>
	</div>
</body>
</html>